<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<link href="css/login.css" type="text/css" rel="stylesheet" />
<link href="css/base.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="header">
    <div class="header-content wraper clearFix">
        <h1 class="fl"><a href="javascript:;"><img src="images/logo.png" alt="" ></a></h1>
    </div>
</div>
<div class="login-bg">
    <div class="login-img"><img src="images/login-bg.jpg" alt=""></div>
    <div class="loginbar">
        <h2>用户登陆</h2>
        <div class="loginbar-img wraper clearFix">
            <span class="fl name"><img src="images/login-name.png" alt="" /></span>
            <input type="text" placeholder="账户名"  class="fl"/>
        </div>
        <div class="loginbar-img loginbar-img1 wraper clearFix">
            <span class="fl pass"><img src="images/login-pass.png" alt="" /></span>
            <input type="password" placeholder="密码"  class="fl"/>
        </div>
        <div class="shop clearFix wraper">
            <div class="uid fl">
                <input type="checkbox" />&nbsp&nbsp记住账号
            </div>
            <div class="pass fr"><a href="javascript:;">忘了密码？</a></div>
        </div>
        <div class="login-btn wraper">
            <a href="javascript:;">登陆</a>
        </div>
        <div class="new-id clearFix wraper">
            <a class="fr" href="javascript:;"><<新用户注册</a>
        </div>
    </div>
</div>
<div class="copyright">
    <div class="copyright-img wraper">
        <img src="images/login-copyright.jpg" alt="">
    </div>
</div>
</body>
</html>